<template>
  <div>

    <!-- <SkyCardPanel title="中分标签页">
      <div slot="main">
        <sky-top-tabs v-model="current">
          <sky-top-tab-pane label="经营状况" name='first'>经营状况页面</sky-top-tab-pane>
          <sky-top-tab-pane label="历史汇总" name="second">历史汇总页面</sky-top-tab-pane>
          <sky-top-tab-pane label="审计方案" name="third">审计方案页面</sky-top-tab-pane>
          <sky-top-tab-pane label="方案审批" name="four">方案审批页面</sky-top-tab-pane>
        </sky-top-tabs>
      </div>
    </SkyCardPanel> -->

    <!-- <SkyHiddenPanel title="代码">
      <div class="prewrap" v-highlight>
        <pre>
          <code class="html">
              
              &lt;sky-top-tabs v-model="current"&gt;
                &lt;sky-top-tab-pane label="经营状况" name='first'&gt;经营状况页面&lt;/sky-top-tab-pane&gt;
                &lt;sky-top-tab-pane label="历史汇总" name="second"&gt;历史汇总页面&lt;/sky-top-tab-pane&gt;
                &lt;sky-top-tab-pane label="审计方案" name="third"&gt;审计方案页面&lt;/sky-top-tab-pane&gt;
                &lt;sky-top-tab-pane label="方案审批" name="four"&gt;方案审批页面&lt;/sky-top-tab-pane&gt;
              &lt;/sky-top-tabs&gt;v&gt;
              
          </code>
      </pre>
      </div>

      <div class="prewrap" v-highlight>
        <pre>
          <code class="javascript">
              
              export default {
                data () {
                  return {
                    current: 'first',
                  }
                },
                methods: {

                },
              }
              
          </code>
      </pre>
      </div>
    </SkyHiddenPanel> -->

    <SkyCardPanel title="标签页">
      <div slot="main">
        <sky-top-tabs v-model="current1" schema="bottom">
          <sky-top-tab-pane label="经营状况" name='first'>经营状况页面</sky-top-tab-pane>
          <sky-top-tab-pane label="历史汇总" name="second">历史汇总页面</sky-top-tab-pane>
          <sky-top-tab-pane label="审计方案" name="third">审计方案页面</sky-top-tab-pane>
          <sky-top-tab-pane label="方案审批" name="four">方案审批页面</sky-top-tab-pane>
        </sky-top-tabs>
      </div>
    </SkyCardPanel>

    <SkyHiddenPanel title="代码">
      <div class="prewrap" v-highlight>
        <!-- 使用指令 -->
        <pre>
          <code class="html">
              //中分标签页
              
              &lt;sky-top-tabs v-model="current1" schema="bottom"&gt;
                &lt;sky-top-tab-pane label="经营状况" name='first'&gt;经营状况页面&lt;/sky-top-tab-pane&gt;
                &lt;sky-top-tab-pane label="历史汇总" name="second"&gt;历史汇总页面&lt;/sky-top-tab-pane&gt;
                &lt;sky-top-tab-pane label="审计方案" name="third"&gt;审计方案页面&lt;/sky-top-tab-pane&gt;
                &lt;sky-top-tab-pane label="方案审批" name="four"&gt;方案审批页面&lt;/sky-top-tab-pane&gt;
              &lt;/sky-top-tabs&gt;
              
          </code>
      </pre>
      </div>

      <div class="prewrap" v-highlight>
        <!-- 使用指令 -->
        <pre>
          <code class="javascript">
              //中分标签页
              
              export default {
                data () {
                  return {
                    current1: 'first',
                  }
                },
                methods: {

                },
              }
              
          </code>
      </pre>
      </div>
    </SkyHiddenPanel>

    <!-- <SkyCardPanel title="不需要底部面板">
      <div slot="main">
        <sky-top-tabs v-model="current2" :panel="false" schema="bottom">
          <sky-top-tab-pane label="经营状况" name='first'>经营状况页面</sky-top-tab-pane>
          <sky-top-tab-pane label="历史汇总" name="second">历史汇总页面</sky-top-tab-pane>
          <sky-top-tab-pane label="审计方案" name="third">审计方案页面</sky-top-tab-pane>
          <sky-top-tab-pane label="方案审批" name="four">方案审批页面</sky-top-tab-pane>
        </sky-top-tabs>
      </div>
    </SkyCardPanel> -->

    <!-- <SkyHiddenPanel title="代码">
      <div class="prewrap" v-highlight>
        <pre>
          <code class="html">
              //中分标签页
              
              &lt;sky-top-tabs v-model="current2" :panel="false"  schema="bottom"&gt;
                &lt;sky-top-tab-pane label="经营状况" name='first'&gt;经营状况页面&lt;/sky-top-tab-pane&gt;
                &lt;sky-top-tab-pane label="历史汇总" name="second"&gt;历史汇总页面&lt;/sky-top-tab-pane&gt;
                &lt;sky-top-tab-pane label="审计方案" name="third"&gt;审计方案页面&lt;/sky-top-tab-pane&gt;
                &lt;sky-top-tab-pane label="方案审批" name="four"&gt;方案审批页面&lt;/sky-top-tab-pane&gt;
              &lt;/sky-top-tabs&gt;
              
          </code>
      </pre>
      </div>

      <div class="prewrap" v-highlight>
    
        <pre>
          <code class="javascript">
              //中分标签页
              
              export default {
                data () {
                  return {
                    current2: 'first'
                  }
                },
                methods: {

                },
              }
              
          </code>
      </pre>
      </div>
    </SkyHiddenPanel> -->

  </div>
</template>

<script>
  export default {
    data () {
      return {
        current: 'first',
        current1: 'first',
        current2: 'first'
      }
    },
    methods: {

    },
  }
</script>

<style lang="scss" scoped>
</style>